body {
  position: relative;
  margin: 0;
  padding: 0;

  --sand_900: #12110D;
  --sand_800: #262522;
  --sand_700: #45433E;
  --sand_600: #6B6860;
  --sand_500: #A49F95;
  --sand_400: #CAC5B8;
  --sand_300: #E1DED5;
  --sand_200: #F0EFEB;
  --sand_100: #F9F8F6;
  --sand_0: #FDFDFC;

  --grape_0: #F0F3FE;
  --grape_100: #D4DBFB;
  --grape_500: #566FCF;
  --grape_600: #576CC1;
  --grape_700: #4C5FA9;
  --grape_800: #37447A;

  --kale_0: #F4F9F9;
  --kale_400: #57B7AB;

  --plum_500: #CC6FBE;
  --plum_400: #E37BD3;
  --plum_100: #F7D6F2;
  --plum_0: #FBF2FC;

  --persimmon_300: #FF9F89;
  --persimmon_400: #FF7557;

  --canteloupe_0: #FFF6EF;
  --canteloupe_100: #FFE4D0;
  --canteloupe_400: #FFA663;
  --canteloupe_500: #E69559;
  --canteloupe_600: #CC854F;
  --canteloupe_700: #B37445;

  --red_1: #FFF1F0;
  --red_3: #FFCCC7;
  --red_7: #CF1322;
  --red_10: #5C0011;

  --primary_link: #566FCF;
}

.footer {
  flex: none;
  text-align: center;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.footer a {
  line-height: 24px;
  color: var(--color-primary-content);
  text-decoration: inherit;
}
.footer a:hover {
  color: var(--color-primary-content-hover);
}

#header {
  background-color: #fff;
  height: 48px;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 16px;
  z-index: 100;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
  width: 100%;
}

#header a {
  color: #304455 !important;
  text-decoration: none;
  font-size: 1.4em;
}

#logo img {
  vertical-align: middle;
  height: 28px;
}

#logo {
  display: inline-block;
  font-size: 1.5em;
  line-height: 40px;
  color: #273849;
  font-weight: 500;
  display: flex;
}

#nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  right: 30px;
  line-height: 40px;
  display: flex;
  align-items: center;
}

#nav .break {
  display: none;
}

#nav li {
  display: inline-block;
  position: relative;
  margin: 0 0.6em;
}

#nav li a {
  font-size: 1em;
}

#ls-container {
  flex: 1;
}

#label-studio {
  height: 100%;
}
